<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/static/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/static/lib/respond.min.js"></script>
    <![endif]-->
    <link href="/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
    <link href="/static/h-ui.admin/css/style.css" rel="stylesheet" type="text/css" />
    <link href="/static/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="/static/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>后台登录 - H-ui.admin v3.1</title>
    <meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<!--
<input type="hidden" id="TenantId" name="TenantId" value="" />
<div class="header"></div>
-->
<div class="loginWraper" id="particles-js">
    <div id="loginform" class="loginBox">
        <form class="form form-horizontal" action="{:url('admin/pub/login')}" id="login_Form" method="post">
            <div class="row cl">
                <label class="form-label col-xs-3" for="username"><i class="Hui-iconfont Hui-iconfont-root"></i>账号</label>
                <div class="formControls col-xs-8">
                    <input name="username" type="text" id="username" class="input-text size-L" placeholder="用户名 / email / 手机号">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-3" for="password"><i class="Hui-iconfont Hui-iconfont-key"></i>密码</label>
                <div class="formControls col-xs-8">
                    <input name="password" type="password" id="password" class="input-text size-L">
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <input class="input-text size-L" type="text" name="verification_code" placeholder="验证码" maxlength="5" style="width:150px;">
                    <img src="{:captcha_src()}" alt="captcha" style="width: 206px;height: 40px;cursor:pointer;" id="v_code" title="看不清换一张"></div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <label for="remember">
                        <input type="checkbox" name="remember" id="remember" value="1">
                        记住账号</label>
                    <span class="pd-40 c-red" id="showErrMsg"></span>
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <button type="button" id="sub" class="btn btn-success radius size-L">&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;</button>
                    <button type="reset" class="btn btn-default radius size-L">&nbsp;重&nbsp;&nbsp;&nbsp;&nbsp;置&nbsp;</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!--
<div class="footer">Copyright 你的公司名称 by H-ui.admin v3.1</div>
-->
<script type="text/javascript" src="/static/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/lib/particles/particles.min.js"></script>
<script type="text/javascript" src="/static/lib/particles/demo/js/app.js"></script>

{literal}
<script type="text/javascript">
    window.onload = function(){

        $('#v_code').click(function(){
            $img_src = $(this).attr('src')+"?r="+Math.random();
            $(this).attr('src',$img_src);
        });

        // 记住用户名
        var hasUsername = window.localStorage.getItem('username');
        if(hasUsername){
            $('#username').val(hasUsername);
            $('#remember').attr('checked',true);
        }

        // ajax登录实现
        $('#sub').click(function () {
            var uri = $('#login_Form').attr('action');
            var username = $('#username').val();
            if($('#remember').prop('checked') && username!=''){
                // 存储用户名
                if(!window.localStorage){
                    console.log("请换个支持localstorage的浏览器");
                } else {
                    window.localStorage.setItem('username',username);
                }
            }

            $.post(uri,$('#login_Form').serialize(),function (res) {
                if(res.err > 0){
                    $('#showErrMsg').text(res.msg);
                    return false;
                } else {
                    window.location.href = res.goUrl;
                    return true;
                }
            })
        });
    }
</script>
{/literal}

</body>
</html>